<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">

		<link rel="stylesheet" href="css/jilupian.css" />
		<link rel="stylesheet" href="css/record.css" />
		<title>纪录片</title>
	</head>
	<body>
		<div class="nav-top-wrap">
    <ul class="nav-top">
        <li class="nav">
            <a href="zhushouye.html">首页</a>
        </li>
        <li class="nav">
            <a href="law-index.html">海洋法</a>
        </li>
            <img src="img/logo.png" alt="">
        <li class="nav">
            <a href="child.html">走进海洋</a>
        </li>
        <li class="nav">
            <a href="wode.html">个人中心</a>
        </li>
    </ul>
</div>
<div class="color" style="height: 50px;width: 100%;background-color: #027acb;">

</div>
	<img src="img/纪录片页面.png" style="width: 100%;height: 250px;position: relative;overflow: hidden;z-index: -1;"/><br><br><br>

	<!--第一个-->
	<div class="div2">
	<div id="name">
	<img src="img/海洋星球2.png" >
		<p>《蓝色星球2》</p>
		《蓝色星球2》整个制作周期历时四年，而大部分时间都用在了前期与相关专业项尖科学家一同的筹划准备……		
	</div>
	</div>
	
	<!--第二个-->
	<div class="div2">

	<div id="name">
	<img src="img/中菲南海争议.png">
		<p>《中菲南海争议》</p>
		本期节目的主要内容是：1、南海诸岛是中国固有领土：（1）中国对南海诸岛的主权……
	</div>
	</div>
	
	<!--第三个-->
	<div class="div2">
	<div id="name">
	<img src="img/海洋.png">
		<p>《海洋》</p>
		自然界中，没有什么地方会比大海更让我们心驰向往，那里狂野令人印象深刻，但也充满无穷魅力……
	</div>
	</div>
	
	<!--第四个-->
	<div class="div2">
	<div id="name">
	<img src="img/走向海洋.png">
		<p>《走向海洋》</p>
		失去了海洋，也就失去了家乡；失去了海洋，更将失去整个世界！《走向海洋》是国内首部历史……
	</div>
	</div>
	
	<!--第五个-->
	<div class="div2">
	<div id="name">
	<img src="img/大白鲨的长途冒险旅程.png">
		<p>《大白鲨的长途冒险旅程》</p>
		大白鲨分布在全球各大洋，但多年……妮可带领他们展开惊奇而难以想象的旅程，跨越……
	</div>
	</div>





	</div>		




	</body>
</html>
